<form>
  <div class="form-group">
    <label for="title">Title</label>
    <input type="text" class="form-control" id="title">
  </div>
  <div class="form-group">
    <label for="price">Price</label>
    <div class="input-group">
      <span class="input-group-addon">￥</span>
      <input type="text" class="form-control" id="price">
    </div>
  </div>
  <div class="form-group">
    <label for="category">category</label>
    <select id="category" class="form-control">
      <option value=""></option>
      <option *ngFor="let c of categories$ | async" [value]="c.name">{{ c.name }}</option>
    </select>
  </div>
  <div class="form-group">
    <label for="imageUrl">Image URL</label>
    <input type="text" class="form-control" id="imageUrl">
  </div>
  <button class="btn btn-primary">Save</button>
</form>
